<template>
    <van-nav-bar title="账号与个人信息管理" left-text="返回" left-arrow @click-left="onClickLeft" />
    <br>
    <van-cell-group inset>
        <van-cell v-for="item in data" :key="item.title" :title="item.title" :label="item.label" :url="item.path"
            is-link center size="large" />
    </van-cell-group>
    <p>如果您对滴滴的个人信息处理安全有任何疑问、要求或者建议、可以通过个人信息反馈专用邮箱联系我们：</p>
    <p class="email">gerenxinxinbaohu@didiglobal.com</p>
</template>

<script setup>
import { ref } from 'vue';
import { useRouter } from 'vue-router';
const onClickLeft = () => history.back();

let data = ref([
    { title: '个人信息管理', label: '可对您的手机号码、登录密码、支付密码与实名信息等个人信息进行查询、修改、删除操作', path: '/information' },
    { title: '个人信息副本导出', label: '用于下载您的个人信息', path: '/installment' },
    { title: '修改手机号', label: '同时修改滴滴出行与滴滴车主的登录手机号', path: '/updatePhone' },
    { title: '修改登录密码', label: '同时修改滴滴出行与滴滴车主的登录密码', path: '/updatePassword' },
    { title: '永久注销账号', label: '操作后账号信息无法恢复，请谨慎操作', path: '/cancelAccount' },
    { title: '亲情账号', label: '可对亲情账号进行查询、添加、删除操作', path: '/love' }
])
</script>

<style scoped>
p {
    margin: 20px;
    color: #757575;
}

.email {
    color: orange;
    font-family: 'Times New Roman', Times, serif;
}
</style>